<script type="text/javascript" src="<?php echo base_url()?>public/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>public/js/jquery.cycle.all.js"></script>
<script type="text/javascript">
		$.fn.cycle.defaults.speed   = 900;
		$.fn.cycle.defaults.timeout = 6000;
		
		$(function() {
			// run the code in the markup!
			$('#demos pre code').each(function() {
				eval($(this).text());
			});
			
		});
</script>
	
<div id="demos" >
	<table cellspacing="0" >
		<tr><td >
				<div id="slide" class="pics">
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[0]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[1]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[2]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[3]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[4]['images'];?>" width="340" height="200" />
				</div>
				<pre style="display:none;"><code class="mix">$('#slide').cycle({ fx:'turnDown',delay:-4000});</code></pre>
			</td><td >
				<div id="zoom" class="pics">
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[5]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[6]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[7]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[8]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[9]['images'];?>" width="340" height="200" />
				</div>
				<pre style="display:none;"><code class="mix">$('#zoom').cycle({fx:'zoom',sync:false,delay: -2000});	</code></pre>
			</td><td >
				<div id="up" class="pics">
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[10]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[11]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[12]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[13]['images'];?>" width="340" height="200" />
					<img src="<?php echo base_url()?>public/images/slide/<?php echo $images[14]['images'];?>" width="340" height="200" />
				</div>
				<pre style="display:none;"><code class="mix">$('#up').cycle({fx:'curtainX',sync:  false });</code></pre>
			</td>
		</tr>
	</table>
</div>